<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/demo.css">
</head>

<body>
    <div id="phone">
        <input type="number" name="" id="cont" value="0">
        <audio src="./歌曲/泡沫.mp3" controls id="ado"></audio>
    </div>
    <div id="main">
        <!--歌曲列表-->
        <div id="listmusic">
            <ul>
                <li class="im">
                    <a href="javascript:;">
                        <span>泡沫</span>
                        <span><i>歌手：</i>邓紫棋</span>
                    </a>

                </li>
                <li class="im">
                    <a href="javascript:;">
                        <span>消愁</span>
                        <span><i>歌手：</i>毛不易</span>
                    </a>

                </li>
                <li class="im">
                    <a href="javascript:;">
                        <span>九九八十一难</span>
                        <span><i>歌手：</i>翻唱</span>
                    </a>

                </li>
            </ul>
        </div>
        <!--歌词显示-->
        <div id="tx">
            <div id="center">

            </div>
        </div>
        <!--播放按键-->
        <div id="control">
            <ul>
                <li class="upmusic" id="upmusic"></li>
                <li class="nf" id="on"></li>
                <li class="off" id="off"></li>
                <li class="nextmusic" id="nextmusic"></li>
                <li id="progresscontainer" style="width: 390px;">
                    <div id="progres" style="width: 0px;"></div>
                </li>
                <div id="volummusicBox">
                    <input type="range" min="0" max="100" id="volummusic">
                </div>

                <li class="volume">
                </li>
            </ul>
        </div>
    </div>
    <script src="./js/index.js"></script>

</body>

</html>